.c-pay-step
  background #f8f8f8
  padding-left 5.6em
  .c-order-flow
    width 980px
    margin 0 auto
    height 10em
    .c-step
      width 16%
      float left
      position relative
      padding-top 3em
      p
        font-weight 600
        margin-bottom 1em
      span
        display inline-block
        color #FFF
        text-align center
        vertical-align middle
        margin-left 0.8em
        font-weight 600
      .c-qq
        background #ccc
        border-radius 20px
        padding 10px 15px
        z-index 2
        position absolute
        box-sizing border-box
      .c-xt
        height 3px
        width 100%
        background #ccc
        margin-bottom -18px
      .c-cur-step
        background #ffa202
    .c-step1,.c-step2,c-step3
      width 28%

@media (max-width: 800px)
  .c-pay-step
    background #f8f8f8
    padding 0 1em
    .c-order-flow
      width 100%
      margin 0 auto
      height 8em
      font-size 0.8em
      padding-left 2em
      .c-step
        float left
        position relative
        padding-top 2em
        width 33.33%
        p
          font-weight 600
          margin-bottom 1em
        span
          display inline-block
          color #FFF
          text-align center
          vertical-align middle
          margin-left 0.8em
          font-weight 600
        .c-qq
          background #ccc
          border-radius 20px
          padding 11px 15px
          z-index 2
          position absolute
          box-sizing border-box
        .c-xt
          height 3px
          width 100%
          background #ccc
          margin-bottom -18px
        .c-cur-step
          background #ffa202